﻿<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <script type="text/javascript" src="lib/PIE_IE678.js"></script>
    <![endif]-->

    <script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="h-ui/js/H-ui.js"></script>
    <script type="text/javascript"
            src="lib/jquery.validation/1.14.0/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.min.js"></script>
    <script type="text/javascript" src="lib/layer/1.9.3/layer.js"></script>

    <link href="h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css"/>
    <link href="h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css"/>
    <link href="h-ui.admin/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="lib/Hui-iconfont/1.0.7/iconfont.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->


    <title>后台登录 - 珠海天禾汽车租赁系统 v0.1</title>
    <meta name="keywords" content="H-ui.admin v2.3,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description"
          content="H-ui.admin v2.3，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
  </head>
  <body>
    <input type="hidden" id="TenantId" name="TenantId" value=""/>
    <div class="header"></div>
    <div class="loginWraper">
      <div id="loginform" class="loginBox">
        <form class="form form-horizontal" onsubmit="return false" id="login_form" name="form1">
          <div class="row cl">
            <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
            <div class="formControls col-xs-8">
              <input id="username" name="username" type="text" placeholder="账户"
                     class="input-text size-L">
            </div>
          </div>
          <div class="row cl">
            <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
            <div class="formControls col-xs-8">
              <input id="password" name="password" type="password" placeholder="密码"
                     class="input-text size-L">
            </div>
          </div>
          <div class="row cl">
            <div class="formControls col-xs-8 col-xs-offset-3">
              <input class="input-text size-L" type="text" name="checkCode" id="checkCode"
                     placeholder="验证码"
                     style="width:150px;">
              <img alt="验证图片" id="checkImg" onclick="changeCheckImg()" src="/checkCode"
                   style="cursor: pointer;">
              <a href="javascript:;" onclick="changeCheckImg()">看不清，换一张</a>
            </div>

          </div>
          <div class="row cl">
            <div class="formControls col-xs-8 col-xs-offset-3">
              <label for="online">
                <input type="checkbox" name="online" id="online" value="">
                使我保持登录状态</label>
            </div>
          </div>
          <div class="row cl">
            <div class="formControls col-xs-8 col-xs-offset-3">
              <input name="" type="button" onclick="getCheckedCodeResult()"
                     class="btn btn-success radius size-L"
                     value="&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;"/>
              <input name="" type="reset" class="btn btn-default radius size-L"
                     value="&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;"/>

            </div>
          </div>
        </form>
      </div>
    </div>
    <div class="footer">Copyright 云和技术信息有限公司 by yunhe.v1.0</div>

    <script type="text/javascript">
      let getCheckedCodeResult = function () {
        let checkCodeTxt = $('#checkCode').val();
        $.ajax({
          url: '/getCheckedCode',
          type: 'get',
          data: {checkCodeTxt},
          dataType: 'json',
          success: function (result) {
            if (result) {
              $('#login_form').submit();
            } else if (!result) {
              layer.tips('验证码错误！', '#checkCode', {
                tips: [2, '#FF3030'],
                time: 2000
              });
            } else {
              layer.tips('请刷新验证码后再试！', '#checkCode', {
                tips: [2, '#FF3030'],
                time: 2000
              });
            }
          }
        });
      };

      let changeCheckImg = function () {
        $('#checkImg').prop('src', '/checkCode?' + new Date().getTime());
      };

      $('#login_form').validate({
        rules: {
          username: {
            required: true
          },
          password: {
            required: true
          }
        },
        messages: {
          username: {
            required: ''
          },
          password: {
            required: ''
          }
        },
        submitHandler: function () {
          $.ajax({
            url: '/loginAdmin',
            type: 'post',
            data: {
              username: $('#username').val(),
              userpwd: $('#password').val()
            },
            dataType: 'json',
            success: function (data) {
              if (data.flag) {
                location.href = '/home';
              } else {
                layer.tips(data.message, '#password', {
                  tips: [2, '#FF3030'],
                  time: 2000
                });
              }
            }
          });
        }
      });
    </script>
  </body>
</html>